<!doctype html>
<html class="no-js">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hong Fu</title>

<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">

<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="icon" type="image/png" href="__PUBLIC__/statics/default/assets/img/favicon.png">

<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/amazeui.min.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/banner-slider.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/main.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/index.css">

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__PUBLIC__/statics/default/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__PUBLIC__/statics/default/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/statics/default/assets/js/main.js"></script>

</head>

<body>
<include file="./Admin/Tpl/Templates/default/mask.html" />
<include file="./Admin/Tpl/Templates/default/top-nav.html" />


<div id="banner-slider" class="am-slider am-slider-default" data-am-flexslider="{pauseOnAction: false,directionNav: false}">
    <ul class="am-slides">
		<?php $banner_list = cat2article(20,$is_all=1,$num=8,$order='no',array(),1); //AAA($banner_list);
			foreach($banner_list['lists'] as $one_banner){
		?>
        <li>
            <img src="{$one_banner['big_thumb']}" />
            <div class="text">
                <p><?php echo getLangByKey($language,$one_banner['title']); ?></p>
                <a href="{$one_banner['href']}"><?php echo getLangByKey($language,"Read More..."); ?></a>
            </div>
        </li>
		<?php } ?>

    </ul>
</div>

<div style="background: #fff">
    <div id="index-product" class="index-card-group max-block">
        <h2><?php echo getLangByKey($language,"Product Center"); ?></h2>
        <div class="card-slider am-slider am-slider-default am-slider-carousel">
            <ul class="am-slides">
				<!-- <?php $pos_product = pos2art($pos_id=1,$module_id=20,$num=30);

					$pro_level2 = get_category(2);
					//AAA($pro_level2);
					foreach($pro_level2 as $pos_key=> $one_pos_product){
					$class=' blue ';
					if($pos_key%3==1) { $class=' orange '; }
					if($pos_key%3==2) { $class=' green '; }

				?> -->
                <li>
					<a  href="{$Think.const.CAT_PATH}/{$one_pos_product[category_id]}">
                    <div class="card">
                        <img class="img" src="{$one_pos_product['thumb']}" />
                        <div class="text">
                            <p class="title"><?php echo getLangByKey($language,$one_pos_product['cat_name']); ?></p>
                            <a class="link" href="{$Think.const.CAT_PATH}/{$one_pos_product[category_id]}"><i class="iconfont">&#xe6dd;</i><?php echo getLangByKey($language,"Read More..."); ?></a>
                        </div>
                    </div>
					</a>
                </li>
				<?php } ?>


            </ul>
        </div>
    </div>
</div>

<div id="subsidiaries-tab-wrap">
	<!--
    <div class="content max-block">
        <h2 style="font-size:16px; font-weight:bold"><?php echo getLangByKey($language,"Our Subsidiaries"); ?></h2>

		<include file="./Admin/Tpl/Templates/default/subsidiaries-tab.html" />
    </div>-->
</div>

<div id="global-wrap">
    <div class="content max-block">
        <h2><?php echo getLangByKey($language,"We are a GLOBAL PLAYER"); ?> </h2>
        <ul class="am-avg-sm-2 am-avg-md-5">
            <li>
				<img src="__PUBLIC__/statics/default/assets/img/global/global1-cn3.png" alt="">
				<div class="coldesc2"><?php echo $seo_Established; ?></div>
				<div class="coldesc"><?php echo getLangByKey($language,"Established June,2004"); ?></div>
			</li>
            <li><img src="__PUBLIC__/statics/default/assets/img/global/global2-cn3.png" alt="">

				<div class="coldesc2"><?php echo $seo_Staff_Members; ?></div>
				<div class="coldesc"><?php echo getLangByKey($language,"Staff Members"); ?></div>
			</li>
            <li><img src="__PUBLIC__/statics/default/assets/img/global/global3-cn3.png" alt="">
				<div class="coldesc2"><?php echo $seo_Export_Countries; ?></div>
				<div class="coldesc"><?php echo getLangByKey($language,"Export Countries"); ?></div>
			</li>
            <li><img src="__PUBLIC__/statics/default/assets/img/global/global4-cn3.png" alt="">
				<div class="coldesc2"><?php echo $seo_Subsidiaries; ?></div>
				<div class="coldesc"><?php echo getLangByKey($language,"Subsidiaries"); ?></div>
			</li>
            <li><img src="__PUBLIC__/statics/default/assets/img/global/global5-cn3.png" alt="">
				<div class="coldesc2"><?php echo $seo_Manufacturing_facilities; ?></div>
				<div class="coldesc"><?php echo getLangByKey($language,"Manufacturing facilities"); ?></div>
			</li>
        </ul>
    </div>
</div>
<!--
<div style="background: #54a1bb">
    <div id="index-News" class="index-card-group white max-block">
        <h2><?php echo getLangByKey($language,"Latest News"); ?> </h2>
        <div class="card-slider am-slider am-slider-default am-slider-carousel">
            <ul class="am-slides">
				<?php $news_list = cat2article(3,$is_all=1,$num=8,$order='no'); //AAA($news_list);
					foreach($news_list['lists'] as $one_news){
				?>
                <li>
                    <div class="card white">
                        <img class="img" src="{$one_news['big_thumb']}" />
                        <div class="text">
                            <p class="title"><?php echo str_cut($one_news['title'],150); ?></p>

							<a class="link" href="{$Think.const.CON_PATH}/{$one_news[article_id]}/cat_id/{$one_news[cat_id]}"><i class="iconfont">&#xe6dd;</i> Read More...</a>
                        </div>
                    </div>
                </li>
				<?php } ?>


            </ul>
        </div>
    </div>
</div>
-->
<include file="./Admin/Tpl/Templates/default/footer.html" />
</body>

</html>
<script>
    // 产品中心和新闻中心设置卡片宽度
    function setCardwidth() {
        var card = $('.index-card-group');
        var viewWidth = $('body').outerWidth();
        var showNum = $(window).outerWidth() > 640 ? 3 : 2;
        $('.index-card-group .card-slider').flexslider({
            itemWidth: card.outerWidth() / showNum,
            slideshow: false,
            directionNav: false,
            start: function() {
                // 设置卡片图片长宽比
                //setCardImgScale(card);
                // 设置next prev 按钮
                setCardDirBtn(card);

                $(window).on('resize', function() {
                    card.find('.am-control-nav .dir').remove();
                    // 设置next prev 按钮
                    setCardDirBtn(card);
                });
            }
        });
    }
    // 设置next prev 按钮
    function setCardDirBtn(card) {
        // 防止多次插入
        if (card.find('.am-control-nav li').hasClass('dir')) {
            return;
        }
        card.find('.am-control-nav')
            .prepend('<li class="dir"><i class="prev am-icon-angle-left"></i></li>')
            .append('<li class="dir"><i class="next am-icon-angle-right"></i></li>');
        card.find('.am-control-nav .dir i').on('click', function() {
            if ($(this).hasClass('prev')) {
                $(this).parents('.card-slider').flexslider('prev');
            } else if ($(this).hasClass('next')) {
                $(this).parents('.card-slider').flexslider('next');
            }
        });
    }

    $(function() {
        setCardwidth();
        // $(window).on('resize', function() {
        //     setCardwidth();
        // })
    });
</script>
